"use client";
import React from "react";
import * as Yup from "yup";
import "../../globals.css";
import Navbar from "../../../components/navbar";
import { Toaster } from "react-hot-toast";
import { SignIn } from '@clerk/nextjs'

const validationSchema = Yup.object({
  email: Yup.string().email("Invalid email address").required("Required"),
  password: Yup.string().required("Required"),
});

export default function Login() {
  return (
    <main>
      <Toaster position="top-right" reverseOrder={false} />

      <Navbar />
      <section className="flex items-center justify-center min-h-screen">
        <SignIn />
      </section>
    </main>
  );
}